<template>
	<view class="my_container">
		<CustomNavbarTwo :title="pageTitle" />
		<view class="my_container_body">
			<view class="my_container_body_head"></view>
			<view class="my_container_body_body">
				<image class="one" src="../../static/imags/success.png"></image>
				<view class="two">报名成功</view>
				<view class="three">您的专属服务管家稍后会和你联系!</view>
				<view class="four" @click="back">返回</view>
			</view>
		</view>
	</view>
</template>

<script>
import CustomNavbarTwo from "@/components/CustomNavbarTwo.vue";
const api = require('../../util/api.js');
export default {
	components: { CustomNavbarTwo },
	data() {
		return {
			pageTitle: "", showSex: false,
		};
	},
	methods: {
		back() {
			uni.navigateBack()
		}
	},
}
</script>

<style lang="scss" scoped>
.my_container {
	width: 100%;
	font-style: normal;
	text-transform: none;
	font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;

	.my_container_body {
		width: 750rpx;
		height: 1624rpx;
		background: linear-gradient(180deg, #DDFFDE 0%, #F6F6F6 29%, #F6F6F6 100%);
		border-radius: 0rpx 0rpx 0rpx 0rpx;

		.my_container_body_head {
			width: 686rpx;
			height: 154rpx;
		}

		.my_container_body_body {
			width: 750rpx;

			.one {
				margin-top: 138rpx;
				margin-left: 249rpx;
				width: 252rpx;
				height: 252rpx;
			}

			.two {
				width: 750rpx;
				height: 50rpx;
				font-weight: 550;
				font-size: 36rpx;
				color: #333333;
				line-height: 50rpx;
				text-align: center;
				margin-top: 52rpx;
			}

			.three {
				margin-top: 20rpx;
				width: 750rpx;
				font-weight: 500;
				font-size: 28rpx;
				color: #333333;
				text-align: center;
				height: 40rpx;
				line-height: 40rpx;
			}

			.four {
				margin-top: 60rpx;
				width: 334rpx;
				height: 92rpx;
				line-height: 92rpx;
				text-align: center;
				background: #1EE825;
				border-radius: 100rpx 100rpx 100rpx 100rpx;
				margin-left: 208rpx;
				font-weight: 500;
				font-size: 30rpx;
				color: #FFFFFF;
			}
		}
	}
}
</style>